/*供能侧线条开始*/
.line1{
    width: 2px;
    height: 40px;
    background-color: #91ca5c;
    position: absolute;
    top: 116px;
    left: 330px;
    transform: rotate(90deg);
}
.line2{
    width: 2px;
    height: 230px;
    background-color: #91ca5c;
    position: absolute;
    top: 135px;
    left: 350px;
}
.line3{
    width: 2px;
    height: 36px;
    background-color: #91ca5c;
    position: absolute;
    top: 346px;
    left: 367px;
    transform: rotate(90deg);
}
.line4{
    width: 2px;
    height: 30px;
    background-color: #91ca5c;
    position: absolute;
    top: 288px;
    left: 321px;
    transform: rotate(90deg);
}
.line5{
    width: 2px;
    height: 85px;
    background-color: #91ca5c;
    position: absolute;
    top: 302px;
    left: 335px;
}
.line6{
    width: 2px;
    height: 50px;
    background-color: #91ca5c;
    position: absolute;
    top: 361px;
    left: 360px;
    transform: rotate(90deg);
}
.line7{
    width: 2px;
    height: 30px;
    background-color: #91ca5c;
    position: absolute;
    top: 455px;
    left: 325px;
    transform: rotate(90deg);
}
.line8{
    width: 2px;
    height: 60px;
    background-color: #91ca5c;
    position: absolute;
    top: 411px;
    left: 341px;
}
.line9{
    width: 2px;
    height: 43px;
    background-color: #91ca5c;
    position: absolute;
    top: 390px;
    left: 362px;
    transform: rotate(90deg);
}
.line10{
    width: 2px;
    height: 45px;
    background-color: #91ca5c;
    position: absolute;
    top: 614px;
    left: 331px;
    transform: rotate(90deg);
}
.line11{
    width: 2px;
    height: 205px;
    background-color: #91ca5c;
    position: absolute;
    top: 432px;
    left: 354px;
}
.line12 {
    width: 2px;
    height: 33px;
    background-color: #91ca5c;
    position: absolute;
    top: 415px;
    left: 370px;
    transform: rotate(90deg);
}
/*供能侧线条结束*/

/*需求侧线条开始*/

.line13{
    width: 2px;
    height: 40px;
    background-color: #91ca5c;
    position: absolute;
    top: 116px;
    right: 330px;
    transform: rotate(90deg);
}
.line14{
    width: 2px;
    height: 230px;
    background-color: #91ca5c;
    position: absolute;
    top: 135px;
    right: 350px;
}
.line15{
    width: 2px;
    height: 36px;
    background-color: #91ca5c;
    position: absolute;
    top: 346px;
    right: 367px;
    transform: rotate(90deg);
}
.line16{
    width: 2px;
    height: 30px;
    background-color: #91ca5c;
    position: absolute;
    top: 288px;
    right: 321px;
    transform: rotate(90deg);
}
.line17{
    width: 2px;
    height: 85px;
    background-color: #91ca5c;
    position: absolute;
    top: 302px;
    right: 335px;
}
.line18{
    width: 2px;
    height: 50px;
    background-color: #91ca5c;
    position: absolute;
    top: 361px;
    right: 360px;
    transform: rotate(90deg);
}
.line19{
    width: 2px;
    height: 30px;
    background-color: #91ca5c;
    position: absolute;
    top: 455px;
    right: 325px;
    transform: rotate(90deg);
}
.line20{
    width: 2px;
    height: 60px;
    background-color: #91ca5c;
    position: absolute;
    top: 411px;
    right: 341px;
}
.line21{
    width: 2px;
    height: 43px;
    background-color: #91ca5c;
    position: absolute;
    top: 390px;
    right: 362px;
    transform: rotate(90deg);
}
.line22{
    width: 2px;
    height: 45px;
    background-color: #91ca5c;
    position: absolute;
    top: 614px;
    right: 331px;
    transform: rotate(90deg);
}
.line23{
    width: 2px;
    height: 205px;
    background-color: #91ca5c;
    position: absolute;
    top: 432px;
    right: 354px;
}
.line24{
    width: 2px;
    height: 33px;
    background-color: #91ca5c;
    position: absolute;
    top: 415px;
    right: 370px;
    transform: rotate(90deg);
}
.labelImg1{
    position: absolute;
    height: 30px;
    width: 60px;
    top: 490px;
    left: 452px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.labelImg2{
    position: absolute;
    height: 30px;
    width: 60px;
    top: 387px;
    left: 551px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.labelImg3{
    position: absolute;
    height: 30px;
    width: 90px;
    top: 237px;
    left: 541px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.labelImg4{
    position: absolute;
    height: 30px;
    width: 90px;
    top: 647px;
    left: 605px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.labelImg5{
    position: absolute;
    height: 30px;
    width: 90px;
    top: 207px;
    left: 771px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.labelImg6{
    position: absolute;
    height: 30px;
    width: 90px;
    top: 637px;
    left: 855px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.labelImg7{
    position: absolute;
    height: 30px;
    width: 90px;
    top: 347px;
    left: 901px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.labelImg8{
    position: absolute;
    height: 30px;
    width: 60px;
    top: 470px;
    left: 952px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.labelImg9{
    position: absolute;
    height: 30px;
    width: 60px;
    top: 367px;
    left: 681px;
    z-index: 999;
    line-height: 30px;
    color:#fff;
    font-size:18px;
}
.notice{
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: #041235;
    top: 210px;
    left: 900px;
    z-index:999;
    color:#fff;
    font-size: 12px;
}
.notice >div{
    display: inline-block;
}
.notice >div >span{
    float: left;
    margin-left: 5px;
}

